{{extend './common/layout.html'}}
<!-- 引入css链接（填空） -->
{{block 'link'}}
<link rel="stylesheet" href="/static/home/css/creatOrder.css">
{{/block}}

{{block 'main'}}
<header>
    {{include './common/header.html'}}
    {{include './common/aside.html'}}
</header>

<div class="creatOrderInner">
    <div class="orderInner">
        <!-- 配送地址 -->
        <div class="addressCon">
            <div class="addressInner">
                <div class="addressHeader">
                    <h2>
                        确认收获地址
                        <a href="javascript:;">管理收货地址</a>
                    </h2>
                </div>
                <div class="addressList">
                    <div class="addrItem defaultAddress">
                        <div class="selectDesc">
                            <i class="iconfont weizhi" style="font-size: 24px;color: #F96C0C;line-height: 26px;"></i>
                            <span>寄送至</span>
                        </div>
                        <label for="">
                            <span class="nextRadio"><input type="radio"></span>
                            <span class="nextRadioLabel defaultDet">
                                <span class="provinceName">河南省</span>
                                <span class="cityName">新乡市</span>
                                <span class="areaName">红旗区</span>
                                <span class="townName">洪门镇</span>
                                <span class="adressDetail">华兰大道河南科技学院</span>
                                （某某某 收）
                                <span class="mobile">13623990120</span>
                            </span>
                        </label>
                    </div>
                    <div class="addrItem">
                        <!-- <div class="innerInfo"> -->
                            <div class="selectDesc selectNone">
                                <i class="iconfont weizhi" style="font-size: 24px;color: #F96C0C;line-height: 26px;"></i>
                                <span>寄送至</span>
                            </div>
                        <label for="">
                            <span class="nextRadio"><input type="radio"></span>
                            <span class="nextRadioLabel">
                                <span class="provinceName">河北省</span>
                                <span class="cityName">新乡市</span>
                                <span class="areaName">红旗区</span>
                                <span class="townName">洪门镇</span>
                                <span class="adressDetail">华兰大道河南科技学院</span>
                                （某某某 收）
                                <span class="mobile">13623990120</span>
                                <!-- <span class="defaultTip">默认地址</span> -->
                            </span>
                        </label>
                        <!-- <a href="javascript:;" class="setDefault">设置为当前默认地址</a> -->
                        <!-- </div> -->
                    </div>
                    <div class="addrItem">
                        <!-- <div class="innerInfo"> -->
                            <div class="selectDesc selectNone">
                                <i class="iconfont weizhi" style="font-size: 24px;color: #F96C0C;line-height: 26px;"></i>
                                <span>寄送至</span>
                            </div>
                        <label for="">
                            <span class="nextRadio"><input type="radio"></span>
                            <span class="nextRadioLabel">
                                <span class="provinceName">湖南省</span>
                                <span class="cityName">新乡市</span>
                                <span class="areaName">红旗区</span>
                                <span class="townName">洪门镇</span>
                                <span class="adressDetail">华兰大道河南科技学院</span>
                                （某某某 收）
                                <span class="mobile">13623990120</span>
                                <!-- <span class="defaultTip">默认地址</span> -->
                            </span>
                        </label>
                        <!-- <a href="javascript:;" class="setDefault">设置为当前默认地址</a> -->
                        <!-- </div> -->
                    </div>
                    <div class="addrItem">
                        <!-- <div class="innerInfo"> -->
                            <div class="selectDesc selectNone">
                                <i class="iconfont weizhi" style="font-size: 24px;color: #F96C0C;line-height: 26px;"></i>
                                <span>寄送至</span>
                            </div>
                        <label for="">
                            <span class="nextRadio"><input type="radio"></span>
                            <span class="nextRadioLabel">
                                <span class="provinceName">湖北省</span>
                                <span class="cityName">新乡市</span>
                                <span class="areaName">红旗区</span>
                                <span class="townName">洪门镇</span>
                                <span class="adressDetail">华兰大道河南科技学院</span>
                                （<span class="hostName">某某某</span>收）
                                <span class="mobile">13623990120</span>
                                <!-- <span class="defaultTip">默认地址</span> -->
                            </span>
                        </label>
                        <!-- <a href="javascript:;" class="setDefault">设置为当前默认地址</a> -->
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- 确认订单信息 -->
        <div class="oderSureHeader">
            <div class="sureWrap">
                <h2>确认订单信息</h2>
            </div>
            <div class="sureItemHeader">
                <div class="sureItemcon sureItem0">店铺宝贝</div>
                <div class="sureItemcon sureItem1">商品属性</div>
                <div class="sureItemcon sureItem2">单价</div>
                <div class="sureItemcon sureItem3">数量</div>
                <div class="sureItemcon sureItem4">小计</div>
            </div>
        </div>
        <!-- 订单信息 -->
        <div class="orderInfoGroup">
            <div class="sellerInfo">
                <span class="shopName">店铺&nbsp;</span>
                <a href="javascript:;"></a>
            </div>
            <div class="sellerOrderInfo">
                <div class="orderItemInfo">
                    <div class="infoCell">
                        <a href="javascript:;">
                            <img src="/static/home/image/clothes.jpg" alt="">
                        </a>
                        <div class="infoCellData">
                            <a href="javascript:;"></a>
                            <!-- <div class="deliverTime">

                            </div> -->
                            <span class="deliverTime">
                                发货时间：48小时内
                            </span>
                        </div>
                    </div>
                    <div class="infoCellCate">
                        <p>
                            <span>颜色分类</span>
                            <span>{{goodsInfo.color}}&nbsp;&nbsp;{{goodsInfo.size}}</span>
                        </p>
                    </div>
                    <div class="infoPrice">
                        
                    </div>
                </div>
                <div class="orderQuantity">
                    <div class="quantityInner">
                        <span>
                            <button class="downBtn accountCommon"><i class="iconfont jianhao"></i></button>
                            <input value="{{goodsInfo.count}}" type="text" disabled class="countInput" style="width: 20px;text-align: center;" readonly>
                            <button class="upBtn"><i class="iconfont jiahao11"></i></button>
                        </span>
                    </div>
                </div>
                <div class="finallyPrice">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="userMessage">
            <div class="userMessageInfo">
                <!-- <label for=""></label> -->
                <!-- <div> -->
                    给卖家留言：
                <!-- </div> -->
                <div class="textArea">
                    <span>
                        <textarea placeholder="选填，请先和商家协商一致">
                        </textarea>
                    </span>
                </div>
            </div>
            <div class="allPrice">
                <span>店铺合计</span>
                <span class="allPriceSpan"></span>
            </div>
        </div>
        <div class="final">
            <div class="finalCtn">
                <div class="finalCtnWrap">
                    <div class="realPay">
                        <span class="realPayCh">实付款:</span>
                        <span class="signPay">￥</span>
                        <span class="realPrice"></span>
                    </div>
                    <div class="orderConfirm">
                        <div class="confirmAddr">
                            寄送至:
                            <span> 河南省 新乡市 红旗区 洪门镇 华兰大道东段河南科技学院</span>
                        </div>
                        <div class="confirmBuyer">
                            收货人：
                            <span>吕中秋 13623990120</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="submitOrder">
            <div class="submitWrap">
                <a href="javascript:;">提交订单</a>
            </div>
        </div>
    </div>
</div>

<footer>
    {{include './common/footer.html'}}
</footer>

{{/block}}
{{block 'script'}}
<script src="/static/home/js/creatOrder.js"></script>
{{/block}}

